﻿<!doctype html>
<html>
<head>
<link rel="stylesheet" href="../css/principal.css" />
<link rel="stylesheet" href="../css/menu.css"/>
<link rel="stylesheet" href="../css/migajas.css"/>
<link rel="stylesheet" href="../css/seccion.css"/>
<link rel="stylesheet" href="../css/degradado.css" />


<meta charset="utf-8">
<meta http-equiv="refresh" content="3" />

<title>home</title>
</head>

<body>
	<div class="wrapper">
	<div class="encabezado">
        	<div class="cabe">
                <div class="titulo">
                    <h1>TITULO DE SISTEMA</h1>
                </div>
                <div class="info">
                	<table width="100%">
                    	<tr>
                        	<td>Nombre:</td>
                        	<td>Yensen</td>
                        </tr>
                        <tr>
                        	<td>Usuario:</td>
                        	<td>Yenlp</td>
                        </tr>
                        <tr>
                        	<td>Fecha:</td>
                            <td>dd/dd/AAAA</td>
                        </tr>
                        <tr>
                            <td>Hora:</td>
                            <td>MM:SS</td>
                        </tr>
                    </table>

                </div>
            </div>
            <div class="logo">
                <h3>&nbsp;</h3>
            </div>
            	
        </div> 
        <div class="contenedor">
            <div class="modulos" >
                <ul>
                    <li class="modulo1"><a href="#">Mod1</a></li>
                    <li class="modulo2"><a href="#">Mod2</a></li>
                    <li class="modulo3"><a href="#">Mod3</a></li>
                    <li class="modulo3"><a href="#">Mod3</a></li>
            	</ul>           
            </div>
            <div class="indicador">
                    <ul class="migas">
                        <li>mod 1</li>
                        <li>mod 1.1</li>
                        <li>mod 1.1.1</li>
                        <li>mod 1.1.1.1</li>
                        <li>mod 1.1.1.1.1</li>
                	</ul>	
            </div>
            <div class="contenido">
                <h2 class="mod2">Contenido principal</h2>
                <p>Las secciones contenido principal las cuales seran dinamicas </p>
                <p>
                contenido<br />
                impresion a usuario<br />
                interaccion </p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p><br />
                  
                </p>
            </div>
        </div> 
        <div class="navegacion">
            <ul class="top-level">
          	<li>
            	<a href="#">Modelo 1.1</a>
            	<ul class="sub-level">
				  <li>
                    	<a href="#">Modelo1.1.1</a>
                    </li>    
                </ul>
            </li>
            </ul>
			<ul class="top-level">
                <li>
                    <a href="#">Modelo 1.2</a>
                    <ul class="sub-level">
                        <li>
                            <a href="#">Modelo1.2.1</a>
                        </li>
                        <li>
                        <a href="#">Modelo1.2.2</a></li>
                    </ul>
                </li>
            </ul>
           </div>
        <div class="footer">
            <div class="textopie">
                    <h6>© 2012 Comisión Municipal de Agua Potable y Saneamiento de Xalapa, Ver. todos los derechos reservados.
                    </h6>
                </div>     
		</div>
	</div>

</body>
</html>